import React, { Component } from 'react'
// import ChildrenMap from './components/ChildrenMap'
import Border2 from './components/Border2'
import Border1 from './components/Border1'
import Son1 from './components/Son1'
import conText from "./utils/context"
export class App extends Component {
  state={
    list:[1,2,3],
    obj:{
      name:"张三",
      age:18
    }
  }
  render() {
    return (
      <div>
        App
        {/* <ChildrenMap>
          <p> {this.state.list}</p>
          <div> {this.state.obj}</div>
        </ChildrenMap> */}
        {/* <Border2/>
        <Border1/> */}
        <conText.Provider value={this.state.obj}>
          <Son1/>
        </conText.Provider>
      
      </div>
    )
  }
}

export default App
